/*-------------------------------------------------
  takikawa style layout
-------------------------------------------------*/
body{  	
  	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Trebuchet", "Arial", "sans-serif";
  	margin: auto;}
img{
  	border: 0;}
form{
  	margin: 0;}
/* Headings */
h1,h2,h3,h4,h5,h6{
   font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Trebuchet", "Arial", "sans-serif";
  	font-weight: normal;
  	margin: 0;}
/* Lists */
ul{
  list-style: none;}
li{
	  list-style: none; }
/* Links */
a:link{
   text-decoration: none;
   #CC0033;}
a:visited{
	  text-decoration: none;
   color: #000080;}
a:hover{	
  text-decoration: none;
   #FF9900;}
a:active{
   #99CCFF
   text-decoration: none;}
/* Basic classes */
.hidden{
	  display: none;}
p { }
/*-------------------------------------------------
  一番上
-------------------------------------------------*/
#top{ 
   background: #445795;
   line-height: 1.5;
   font-size: 15px;
   color: #ffffff;}
/*-------------------------------------------------
  Header
-------------------------------------------------*/
#head{
 	 width:960px;
   height: 110px;
	  margin: 0px ;
   padding: auto ;
   font-size: 48px;
   color: #0066CC;}
/*---------------- Menu lists ----------------------*/
#sidebar{
   float: left;
	  width: 150px;
   margin: 10px 0;}
.side {
  list-style-type: none;
  margin:  2em;
  padding: 0; }
.side li { display: inline;
  background: #666666; }
.side li a {
  margin-bottom: 1px;
  padding: 5px 0 5px 10px;
  display: block;
  width: 165px;
  text-decoration: none;
  border-left: 5px solid #000000;
  background-color: #eeeeee;
  color: #000000;}
.side li a:hover {
  background-color: #999999;
  color: #ff0000;
  border-left: 5px solid #ff0000;}
/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#main{
	  width: 960px;
   margin: auto; 
	  overflow: visible;
    height:100%;}
#contents{
   float: left;
   width: 640px;     /* floatの width 指定は必須です。*/
	  padding: 10px;
  	margin: 10px 10px 10px 150px;
    height:100%;}
/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#main02{
	  width: 640px;
	  height: 1%;
	  overflow: visible;
	  padding: 10px 0 0 0;}
/*-------------------------------------------------
  アイテムタイトル辺り
-------------------------------------------------*/
#title {
   background: url(img/tit01.jpg)  no-repeat;
   font-size: 24px;
   font-weight:bold;
   padding: 10px 10px 10px 40px;
   margin:  20px 0;
   color: #3300FF;}
/*--- ぺージの表全体----------------------------*/
table.t01{
   border-top:1px solid #1C79C6;
   border-left:1px solid #1C79C6;
   border-collapse:collapse;
   border-spacing:0;
   background-color:#ffffff;
   empty-cells:show;}
/*--- 表上の項目の枠----------------------*/
.t01 th{
   width: 160px;
   border-right:1px solid #1C79C6;
   border-bottom:1px solid #1C79C6;
   color:#330000;
   background-color:#cae4ff;
   background-position:left top;
   padding:0.3em 1em;}
/*--- 表の枠（幅自動）-------------------------*/
.t01 td{
   width: 500px;
   border-right:1px solid #1C79C6;
   border-bottom:1px solid #1C79C6;
   padding:0.3em 1em;}
/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#foot{
  	clear: both;      /* float をクリアしています。*/
  	height: 100px;
	  background: #445795;
	  padding: 10px 0 10px 0;
	  margin: 10px;}
.bottom{ 
   width:960px;
   text-align:left;
   padding:0.3em 15em;
   line-height: 1.5;
   font-size: 15px;
   color: #ffffff;}